.app-badge{
    min-height: 20rem;
    background-color: #fff;
    .goBack{
        background-color: #4294ff;
        height: 1.1875rem;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #6fadfe;
        i{
            font-size: .3125rem;
            color: #f9f9f9;
        }
    }
    .myBadge{
        height: 2.3438rem;
        padding: 0 .3906rem;
        background-color: #4294ff;
        display: flex;
        justify-content: space-between;
        .myB-left,
        .myB-right{
            display: flex;
            flex-direction: column;
            flex: 1;
        }
        .myB-left{
            .myB-lef-top{
                color: #fff;
                font-size: .3438rem;
                margin: .1094rem 0;            
            }
            .myB-lef-bottom{
                color: #AAD9F7;
                font-size: .3281rem;
            }
        }
        .myB-right{
            background: url(../imgs/index-card-badge.png)no-repeat 1.0313rem .1563rem;
            background-size: 2.0625rem;
            .myB-rig-top{
                color: #004E73;
                font-size: .3125rem;
            }
            .myB-rig-bottom{
                color: #fff;
                font-size: .9375rem;
                margin-left: .9219rem;            
            }
        }
    }
    .badge{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .aBadge{
            display: flex;
            flex-direction: column;
            margin-top: 25px;
            img{
                width: 2.6719rem;
                height: 2.6719rem;
                margin-bottom: .1563rem;
            }
            .aBa-text{
                font-size: .2813rem;
                display: flex;
                justify-content: center;
            }
        }
    }
    .mask{
        .goBack{
            background-color: #4294ff;
            height: 1.1875rem;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #6fadfe;
            i{
                font-size: .3125rem;
                color: #f9f9f9;
            }
        }
    
        position: absolute;
        width: 100%;
        height: 20rem;
        top: 0;
        display: none;
        background-color: #fff;
        .aBadge{
            margin-top: .3906rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 100%;
            img{
                width: 4.6719rem;
                height: 4.6719rem;
                margin-bottom: .4563rem;
                margin-top: 1.0313rem;
            }
            .aBa-text{
                font-size: 0.3813rem;
                margin-bottom: .3438rem;
            }
            .aBa-text2{
                font-size: .2344rem;
                color: #4294ff;
            }
            .aBa-text-agin{
                font-size: .2344rem;
                color: #4294ff;
                position: absolute;
                bottom: 4.1875rem;
            }
        }
    }

}
